import React from "react"
import NftItem from "../item"
import { NftMeta } from "../../../../types/nft"
type NftsProps={
    nfts:NftMeta[]
}
function NftList({ nfts }: NftsProps){
    return (
        <div className="mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none">
            {
                nfts.map(nft=>
                    <div key={nft.image} className="flex flex-col rounded-lg shadow-lg overflow-hidden">
             <NftItem item={nft}></NftItem>
            </div>
                )}
            
           
          </div>
    )
}
export default NftList
// 样式选择mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none
// flex flex-col rounded-lg shadow-lg overflow-hidden